<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="imgae/png" href="images/logo2.png">
    <script src="js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>首页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/home.css">
    <script src="js/bootStrap/bootstrap.min.js"></script>
    <link rel="stylesheet" href="js/bootStrap/bootstrap.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
</head>
<body>
<div class="home_box">
    <div class="home_heard">
        <span class="home_txt">主页</span>
    </div>
    <div class="home_core" id="app">
        <div class="home_item">
                <div class="home_info"><a data-url="costmer">客户信息</a></div>
                <div class="home_count">{{meseeage[1].sun}}</div>
            </div>
           <div class="home_item">
                <div class="home_info"><a data-url="questionNaireItem">调查问卷</a></div>
                <div class="home_count">{{meseeage[0].sun}}</div>
            </div>
            <div class="home_item">
                <div class="home_info" ><a data-url="orderList">订单数量</a></div>
                <div class="home_count">{{meseeage[2].sun}}</div>
            </div>
            <div class="home_item">
                <div class="home_info"><a data-url="loginLogList">登录日志</a></div>
                <div class="home_count">{{meseeage[5].sun}}</div>
            </div>
            <div class="home_item">
                <div class="home_info"><a data-url="costmerLogList">客户反馈日志</a></div>
                <div class="home_count">{{meseeage[3].sun}}</div>
            </div>
            <div class="home_item">
                <div class="home_info"><a data-url="consultant">顾问信息</a></div>
                <div class="home_count">{{meseeage[4].sun}}</div>
            </div>
    </div>
</div>
</body>
<script>
    var vue =new Vue({
        el:"#app",
        data :{
            meseeage:[],
        },
        methods:{
          vuefindcount :function () {
              var _this= this;
              this.$http.get("countIndex").then(function (res) {
                  _this.meseeage=res.body.list;
                  console.log(_this.meseeage);
              })
          }
        }
    })
    $(function () {
        vue.vuefindcount();
       $("#app").on("click","a",function () {
           var url= $(this).attr("data-url");
           parent.find("url");
       })
    })
</script>
</html>